.top {
  display: flex;
  padding: 50rpx 30rpx;
  background-color: #166bfe;

  .avatar {
    border: 2px solid #3c87ff;
  }

  .user-name {
    margin-left: 20rpx;
    color: #ffffff;

    .top-text {
      font-size: 38rpx;
      padding: 5rpx 0;
    }
    .top-introduction {
      font-size: 24rpx;
      color: #84b1fe;
    }
  }

  .detail {
    flex-grow: 1;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    color: white;
  }
}
.service {
  text-align: center;
  color: #ccc;
}
.content {
  width: 100%;
}

.center {
  margin-top: 20rpx;
  background: #ffffff;
}
.center-text {
  padding: 30rpx 30rpx;
}
.bottom {
  width: 100%;
  margin-top: 50upx;
  margin-bottom: 50upx;
}
.bottom-btn {
  width: 70vw;
  padding: 20rpx 0;
  color: #ffffff;
  background: #007aff;
  margin: 0 auto;
  text-align: center;
  border-radius: 10rpx;
}
